let num = 1;
//封装函数
function XuanRan(NUM) {
  $.get(
    "http://chst.vip:1234/api/getmoneyctrl",
    { pageid: NUM },
    (res) => {
      console.log(res);
      //对select的渲染
      let page = Math.ceil(res.totalCount / res.pagesize);
      console.log(page);
      let body = "";
      for (let i = 1; i <= page; i++) {
        body += `<option>${i}/${page}</option>`;
      }
      $(".contentbottom select").html(body);
      $(".contentbottom select").val(`${NUM}/${page}`);
      num = NUM;
      //下面是对网页的渲染
      let html = "";
      $(res.result).each((i, item) => {
        //  IMG 是对后端地址数据的处理
        //   console.log(item.productImgSm);
        let IMG = item.productImgSm.split("=")[3].split('"')[0];
        html += `     <li productid=${item.productId} >
      <img src= ${IMG}>
      <div>
        <h4>${item.productName}</h4>
        <h5>
          <span>${item.productFrom}</span>
          <span>${item.productTime}</span>
          <span>${item.productComCount}</span>
        </h5>
      </div>
    </li>`;
      });
      $(".contenttop").html(html);
    },
    "json"
  );
}
XuanRan(num);
//...................................
//列表展示分类产品 上一页功能实现
$(".contentbottom").on("click", ".prve", function () {
  num--;
  if (num <= 1) {
    num = 1;
  }
  XuanRan(num);
});
//列表展示分类产品 下一页功能实现
$(".contentbottom").on("click", ".next", function () {
  num++;
  if (num <= 1) {
    num = 1;
  }
  console.log(num);
  XuanRan(num);
});

//下拉框添加功能
$(".selectpage").change(() => {
  let selectval = $(".selectpage").val();
  console.log(selectval);
  let page = selectval.split("/")[0];
  console.log(page);
  //获取下拉的值
  //   console.log($(".selectpage:first").val());
  XuanRan(page);
});

//列表展示分类产品 上一页功能实现
$(".contenttop").on("click", "li", function () {
  //   console.log($(this).attr("productid"));
  let productid = $(this).attr("productid");
  location.href = `./discount.html?productid=${productid}`;
});

//给返回顶部添加事件
$(".ToTop").click(function () {
  document.body.scrollTop = 0 + `px`;
  document.documentElement.scrollTop = 0 + `px`;
  //   document.documentElement.scrollTop(0);
});
